<template>
  <div style="padding: 24px;">
    <h3>按钮组件实时预览</h3>
    <wang-button @click="onClick">点击我</wang-button>
    <p v-if="msg" style="margin-top: 12px; color: #42b983;">{{ msg }}</p>
  </div>
</template>

<script setup>
import { ref } from 'vue'
const msg = ref('')
function onClick() {
  msg.value = '按钮被点击了！'
  setTimeout(() => { msg.value = '' }, 1500)
}
</script> 